<template>
  <section class="description">
    <p class="title">题库管理功能介绍</p>
    <p class="content" v-if="role === '1'">
      题库管理功能包括查询题库、试题查询、题库添加。<br><br>
      查询题库：可以查看所有题库信息。但您只能对自己题库所属进行操作，包括查看试题、修改题库、删除题库<br>
      &nbsp;&nbsp;&nbsp;&nbsp;查看试题：可以查看题库里的试题，可以把试题从该题库移除。<br>
      &nbsp;&nbsp;&nbsp;&nbsp;修改题库：可以修改题库信息<br>
      &nbsp;&nbsp;&nbsp;&nbsp;删除题库：永久删除题库信息<br><br>
      试题查询：查询您所创建的试题，并包括修改试题、添加到题库、删除试题的功能<br>
      &nbsp;&nbsp;&nbsp;&nbsp;修改试题：可以修改试题信息<br>
      &nbsp;&nbsp;&nbsp;&nbsp;添加到题库：可以把试题添加到您所创建的题库<br>
      &nbsp;&nbsp;&nbsp;&nbsp;删除试题：永久删除试题信息<br><br>
      题库添加：可以新建题库、新建试题和快速组卷<br>
      &nbsp;&nbsp;&nbsp;&nbsp;新建题库：新建一个题库<br>
      &nbsp;&nbsp;&nbsp;&nbsp;新建试题：新建试题，包括选择题、填空题、判断题<br>
      &nbsp;&nbsp;&nbsp;&nbsp;快速组卷：根据您所需的试题数量选择快速为您的题库组卷<br><br>
    </p>
    <p class="content" v-if="role === '0'">
      题库管理功能包括查询题库、试题查询、题库添加。<br><br>
      查询题库：可以查看所有题库信息。可以对所有题库进行操作，包括查看试题、修改题库、删除题库<br>
      &nbsp;&nbsp;&nbsp;&nbsp;查看试题：可以查看题库里的试题，可以把试题从该题库移除。<br>
      &nbsp;&nbsp;&nbsp;&nbsp;修改题库：可以修改题库信息<br>
      &nbsp;&nbsp;&nbsp;&nbsp;删除题库：永久删除题库信息<br><br>
      试题查询：查询所有的试题，并包括修改试题、添加到题库、删除试题的功能<br>
      &nbsp;&nbsp;&nbsp;&nbsp;修改试题：可以修改试题信息<br>
      &nbsp;&nbsp;&nbsp;&nbsp;添加到题库：可以把试题添加到题库<br>
      &nbsp;&nbsp;&nbsp;&nbsp;删除试题：永久删除试题信息<br><br>
      题库添加：可以新建题库、新建试题和快速组卷<br>
      &nbsp;&nbsp;&nbsp;&nbsp;新建题库：新建一个题库<br>
      &nbsp;&nbsp;&nbsp;&nbsp;新建试题：新建试题，包括选择题、填空题、判断题<br>
      &nbsp;&nbsp;&nbsp;&nbsp;快速组卷：根据您所需的试题数量选择快速为题库组卷<br><br>
    </p>
  </section>
</template>

<script>
import {ref} from "vue";
import AES from "@/utils/AESUtil";

export default {
  name: "paperDescription",
  setup(){
    // eslint-disable-next-line no-undef
    let role = ref(AES.Decrypt($cookies.get("role")))
    return{
      role
    }
  }
}
</script>

<style scoped>
.description {
  margin-left: 40px;
}
.description .title {
  font-size: 22px;
  font-weight: 400;
  color: rgb(31, 47, 61);
}
.description .content {
  width: 800px;
  background-color: rgb(236, 248, 255);
  padding: 16px 32px;
  border-radius: 4px;
  border-left: 5px solid rgb(80, 191, 255);
  margin: 20px 0px;
}
</style>